<template>
  <div id="code-tracker-panel" class="code-tracker-panel">
    <base-panel class="base-panel" @click="isShowCode=!isShowCode">
    <div class="btnmsg" >
      {{btnmsg}}
    </div>
    </base-panel>
    <div class="code-show" v-show="isShowCode">

    </div>
  </div>
</template>

<script>
import BasePanel from '../BasePanel.vue'
export default {
  name:'CodeTrackerPanel',
  data(){
    return{
      btnmsg:'代码追踪',
      isShowCode:false
    }
  },
  methods:{
 
  }
}
</script>

<style scoped>
.base-panel{
    width: 40px;
    height: 100px;
    background: rgb(147, 233, 147);
    position: fixed;
    right: 10px;
    top: 55%;
}
.btnmsg{
  margin: auto;
  text-align: center;
  
}
.code-show{
  width: 280px;
    height: 280px;
    background: rgb(147, 233, 147);
    position: fixed;
    right: 55px;
    top: 55%;
}

</style>